<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>

<!-- 引入基础的css和js -->
<link rel="import" href="../public/import.html" id="import"/>

</head>
<body>
<div id="app" v-cloak class="content-div">
    <!-- 列表显示区间 start -->
	<div v-show="showList">
	     <!-- 查询块 start -->
	     <div >
		   	 <div class="panel panel-default">
		        <div >
		            <form id="formSearch" class="form-horizontal">
		                <div class="form-group" >					        
					        <div class="col-sm-3">
								<div class="input-group">
								    <div class="input-group-btn">
								        <button  class="btn btn-white" type="button">{{sysInfoField.infoType}}</button>
								    </div>
									<select class="input-small form-control" name="type" v-model="search.infoType">
										<option value="">{{pageData.select}}</option>
										<option v-for="status in baseData.MSGTYPE" :value="status.key"  >{{ status.value }}</option>
									</select>
							     </div>
					        </div>
					        
					        <div class="col-sm-3">
								<div class="input-group">
								    <div class="input-group-btn">
								        <button  class="btn btn-white" type="button">{{sysInfoField.infoStatus}}</button>
								    </div>
									<select class="form-control" name="type" v-model="search.infoStatus">
										<option value="">{{pageData.select}}</option>
										<option v-for="status in baseData.INFOSTATUS" :value="status.key"  >{{ status.value }}</option>
									</select>
							     </div>
					        </div>
					        
<!-- 					       <div class="col-sm-2">
								<div class="input-group">
									<div class="input-group-btn">
										<button  class="btn btn-white" type="button">{{busField.status}}</button>
									</div>
									<select class=" form-control" v-model="search.status" >
										<option value="">{{pageData.select}}</option>
										<option v-for="status in baseData.STATUS" :value="status.key"  >{{ status.value }}</option>
									</select>
								</div>
							</div> -->
					        
					        
					        <div class="col-sm-3" style="width:248px;padding-right: 1px;">
								<div class="input-group">
								    <div class="input-group-btn">
								        <button  class="btn btn-white" type="button">{{sysInfoField.startTime}}</button>
								    </div>
								    <input type="text" class="form-control" readonly style="-webkit-box-shadow: 0 0 0px 0px white inset!important;" id="searchBeginTime" />
							     </div>
					        </div>
					        <div class="col-sm-3" style="width:30px;margin-top: 6px;text-align: center;padding-left: 1px;padding-right: 1px;">
								--
					        </div>
				            <div class="col-sm-3" style="width:180px;padding-left: 1px;">
						        <div class="input-group">
									    <input type="text" class="form-control" readonly style="-webkit-box-shadow: 0 0 0px 0px white inset!important;" id="searchEndTime" />
								   </div>
				        	</div>
					        
					        <div class="col-sm-1">
								<button type="button"  id="btn_query" class="btn btn-primary" v-on:click="query">{{pageData.query}}</button>
                            </div>
		                </div>
		            </form>
		        </div>
		    </div>
	    </div>
	    <!-- 查询块 end -->   
	    <!-- 列表table显示 start -->
		<!--<div class="grid-btn" id="toolbar">
			<a  v-if="hasPermission('sysinfo:save')" class="btn btn-primary" v-on:click="add"><i class="fa fa-plus"></i>&nbsp;{{pageData.add}}</a>
			<a id="update" v-if="hasPermission('sysinfo:update')"  class="btn btn-primary" v-on:click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;{{pageData.update}}</a>
			<a id="delete" v-if="hasPermission('sysinfo:delete')"  class="btn btn-primary" v-on:click="del"><i class="fa fa-trash-o"></i>&nbsp;{{pageData.delete}}</a>
 		<a id="submit"  class="btn btn-primary" v-on:click="audit(1)"><i class="fa fa-hand-pointer-o"></i>&nbsp;{{pageData.auditSubmit}}</a>
			<a id="checkOk"  class="btn btn-primary" v-on:click="audit(2)"><i class="fa fa-check-circle"></i>&nbsp;{{pageData.auditPass}}</a>
			<a id="checkFail"  class="btn btn-primary" v-on:click="audit(3)"><i class="fa fa-minus-circle"></i>&nbsp;{{pageData.auditNoPass}}</a> 	
		</div>-->
	    <table id="table"></table>
	    <!-- 列表table显示end -->
	</div>
    <!-- 列表显示区间 end -->
    
    <!-- 编辑内容显示区间 start -->
    <div v-show="!showList" class="panel panel-default">
		<div class="panel-heading">{{title}} <a class="ml10" href="javascript:void(0)"  data-toggle="tooltip" v-on:click="reload"><i class="fa fa-arrow-left"></i></a></div>
		<form id="defaultForm" class="form-horizontal" enctype="multipart/form-data"  @submit.prevent="saveOrUpdate">
										
			<div class="form-group">	                
	                <div class="col-sm-2 control-label">{{sysInfoField.infoType}}</div>
			     	<div class="col-sm-3">
			     		<select class="input-small form-control" name="infoType" v-model="sysInfo.infoType" >
							<option v-for="info in baseData.MSGTYPE" :value="info.key" >{{ info.value }}</option>
						</select>
	                </div>
	                
	                
	         </div>
	         
	         <div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysInfoField.infoTitle}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="infoTitle" v-model="sysInfo.infoTitle" :placeholder="sysInfoField.infoTitle"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysInfoField.infoContent}}</div>	                
	                <div class="col-sm-3">
	              		<textarea  style="resize:none;" class="input-small form-control"  name="infoContent" v-model="sysInfo.infoContent" :placeholder="sysInfoField.infoContent" rows="5" cols="5"></textarea>
	                </div>
	         </div>
	         
	         
	         <div class="form-group" v-show="sysInfo.infoType == 1">
			     	<div class="col-sm-2 control-label">{{sysInfoField.company}}</div>
			     	<div class="col-sm-3" >
			     		<div class="checkboxitems" id="showGroups" style="overflow:auto;height:100px;border:1px solid #000000;">
			     			<label v-for="busCompany in busCompanyList" style="display: block;">
							  <input name="busCompanyId" type="checkbox" :value="busCompany.companyNo" v-model="sysInfo.busCompanyIdList">{{busCompany.companyName}}
							</label>							
			     		</div>
			     		<div id="checkBox"></div>			     		
	                </div>
	                <div class="col-sm-1" style="text-align: left">
	              		<button type="button" class="btn btn-primary" @click="assiotCompany"  id="btn-query">{{pageData.assiot}} </button>
	                </div>
	                
	         </div>
	         
	        
	    				
		     <div class="form-group">
				<div class="col-sm-4 control-label"></div> 
					<input id="validateBtn" type="button" class="btn btn-primary" v-on:click="saveOrUpdate"  :value="pageData.sure"/>&nbsp;&nbsp;
					<input type="button" class="btn btn-warning" v-on:click="reload" :value="pageData.return"/>
			 </div>		
		</form>
    </div>
	<!-- 编辑内容显示区间 end -->
	    
</div>

<script src="../sys/js/sysinfo.js"></script>
<script src="../public/js/mobileXg.js"></script>
</body>
</html>